{% extends "site_base.html" %}
{% block body %}
		<!--<form action ="" method="POST">
                        <div class="fieldWrapper"><label for="id_tytul">Tytul</label>{{ form.tytul }}</div>
			<div class="fieldWrapper"><label for="id_tresc">Tresc</label>{{ form.tresc }}</div>
			<div class="fieldWrapper"><label for="id_czyKomentarz">Czy post będize można komentować</label>{{ form.czyKomentarz }}</div>
			<div class="fieldWrapper"><label for="id_kategoria">Kategoria</label>{{ form.kategoria }}</div>
			<div class="fieldWrapper"><label for="id_tagi">Tagi</label>{{ form.tagi }}</div>
			<p><label for="nowe_tagi">Nowe Tagi:</label><input id="nowe_tagi" type=text name="noweTagi"></p>
        	        <p><input type=submit value="OK"></p>
		</form> -->
		<div id="page-content">
                <div id="page-container">
                        <!-- Lewa kolumna START -->
                            <form method="post" action=".">
                            <div class="box-shadow">
                                <div class="box">
                                    <div class="box-header"></div>
                                    <div class="box-content">
                                            <div class="new-comment">
                                            <p class="tag-normal strong color-orange"><label for="id_tresc">Tytuł</label></p>
                                                <fieldset>
                                                    <div class="fieldWrapper">{{ form.tytul }}</div>
                                                    <p class="right">
                                                    </p>
                                                </fieldset>
                                        </div>
                                        <hr />
                                        
                                        <div class="new-comment">
                                            <p class="tag-normal strong color-orange"><label for="id_tresc">Treść</label></p>
                                                <fieldset>
                                                    <div class="fieldWrapper">{{ form.tresc }}</div>
                                                    <p class="right">
                                                        <span class="button-border">
                                                            <input type="submit" value="dodaj post" />
                                                        </span>
                                                    </p>
                                                </fieldset>
                                        </div>
                                    </div>
                                </div>
                            </div>
		      </div>
		    </div>
                        <!-- Lewa Koniec -->
			<div id="page-container-2">
                        <!-- Prawa kolumna START -->
			    <!-- Kategoria-->
                            <div class="box-shadow">
                                <div class="box">
                                    <div class="box-header">
                                        <span class="box-header-title">
                                            <img class="box-header-pointer" alt="pointer" src="{{ MEDIA_URL}}css/gfx/icons/point-transparent.png" />
                                            <span>Kategoria</span>
                                        </span>
                                        <span class="box-header-icons">
                                            <img class="box-header-minimize" alt="minimize" src="{{ MEDIA_URL}}css/gfx/icons/minimize-transparent.png" />
                                            <img class="box-header-close" alt="close" src="{{ MEDIA_URL}}css/gfx/icons/close-transparent.png" />
                                        </span>
                                    </div>
                                    <div class="box-content">
                                        <div class="fieldWrapper"></label>{{ form.kategoria }}</div>
                                    </div>
                                    <p class="size-icon"><img class="icon-size" alt="change-size" src="{{ MEDIA_URL}}css/gfx/icons/size-white.gif" /></p>
                                </div>
                            </div>
                            <!-- Kategoria KONIEC -->
			    <!-- Komentarze -->
                            <div class="box-shadow">
                                <div class="box">
                                    <div class="box-header">
                                        <span class="box-header-title">
                                            <img class="box-header-pointer" alt="pointer" src="{{ MEDIA_URL}}css/gfx/icons/point-transparent.png" />
                                            <span>Komentarze</span>
                                        </span>
                                        <span class="box-header-icons">
                                            <img class="box-header-minimize" alt="minimize" src="{{ MEDIA_URL}}css/gfx/icons/minimize-transparent.png" />
                                            <img class="box-header-close" alt="close" src="{{ MEDIA_URL}}css/gfx/icons/close-transparent.png" />
                                        </span>
                                    </div>
                                    <div class="box-content">
                                        <div class="fieldWrapper"><label for="id_czyKomentarz">Czy post będzie można komentować</label>{{ form.czyKomentarz }}</div>
                                    </div>
                                    <p class="size-icon"><img class="icon-size" alt="change-size" src="{{ MEDIA_URL}}css/gfx/icons/size-white.gif" /></p>
                                </div>
                            </div>
                            <!-- Komentarze KONIEC -->
		            <!-- Tagi -->
                            <div class="box-shadow">
                                <div class="box">
                                    <div class="box-header">
                                        <span class="box-header-title">
                                            <img class="box-header-pointer" alt="pointer" src="{{ MEDIA_URL}}css/gfx/icons/point-transparent.png" />
                                            <span>Tagi</span>
                                        </span>
                                        <span class="box-header-icons">
                                            <img class="box-header-minimize" alt="minimize" src="{{ MEDIA_URL}}css/gfx/icons/minimize-transparent.png" />
                                            <img class="box-header-close" alt="close" src="{{ MEDIA_URL}}css/gfx/icons/close-transparent.png" />
                                        </span>
                                    </div>
                                    <div class="box-content">
                                        <div class="fieldWrapper"></label>{{ form.tagi }}</div>
                                    </div>
                                    <p class="size-icon"><img class="icon-size" alt="change-size" src="{{ MEDIA_URL}}css/gfx/icons/size-white.gif" /></p>
                                </div>
                            </div>
                            <!-- Tagi KONIEC -->
			    <!-- Nowe Tagi -->
                            <div class="box-shadow">
                                <div class="box">
                                    <div class="box-header">
                                        <span class="box-header-title">
                                            <img class="box-header-pointer" alt="pointer" src="{{ MEDIA_URL}}css/gfx/icons/point-transparent.png" />
                                            <span>Nowe Tagi</span>
                                        </span>
                                        <span class="box-header-icons">
                                            <img class="box-header-minimize" alt="minimize" src="{{ MEDIA_URL}}css/gfx/icons/minimize-transparent.png" />
                                            <img class="box-header-close" alt="close" src="{{ MEDIA_URL}}css/gfx/icons/close-transparent.png" />
                                        </span>
                                    </div>
                                    <div class="box-content">
                                        <div class="fieldWrapper"><input id="nowe_tagi" type=text name="noweTagi"></div>
                                    </div>
                                    <p class="size-icon"><img class="icon-size" alt="change-size" src="{{ MEDIA_URL}}css/gfx/icons/size-white.gif" /></p>
                                </div>
                            </div>
			</form>
                       <!-- Nowe TagiKONIEC -->
                       <!-- Prawa kolumna KONIEC -->
                </div>
            </div>
        </div>
{% endblock %}
